
/*--- gadget 284---*/
.contenedor-284{ width:284px;}
.contenedor-284 .cont-flash{ width:269px; margin:0 auto 12px auto;}
.contenedor-284 a.informate{ font-size:10px; text-decoration:underline; color:#0033cc; margin:0 0 0 10px; float:left}

/*--- pregunta---*/
.cont-pregunta{ width:640px; margin:15px auto 0 auto; text-align:left;}
.cont-pregunta span.pregunta-titulo{ font-size:18px; color:#b2b2b2; width:100%; display:block; margin:0 0 5px 0;}
.cont-pregunta .pregunta{float:left; width:370px;}
.cont-pregunta .circulo{ width:36px; height:50px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/circulo.jpg) top left no-repeat; float:left;}
.cont-pregunta .texto{ float:left; width:334px; font-size:14px; color:#000; font-weight:bold; margin:5px 0 12px 0;}
.cont-pregunta .texto p.preg{color:#000; margin:0 0 12px 0;}
.cont-pregunta .texto p.resp{color:#013b6d; }

.cont-pregunta .cont-input{ float:left; margin:0 0 12px 0;}
.cont-pregunta .texto form input{ float:left;}
.cont-pregunta .texto form span{ float:left; width:300px; margin:0 0 0 10px;}
.cont-pregunta .video-img{float:right; background:#efefef; width:250px; margin:8px 0 0 0;}
.cont-pregunta .env-resp{ margin:12px 0 0 0;}

.cont-pregunta .correcta{float:left; width:370px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/bg-respuesta.gif) top repeat-x; display:block; }
/*--con el display block/none mostramos un div u otro dependiendo si se acierta o no la pregunta--*/
.cont-pregunta .resp-correcta{ background:url(http://www.themadpixelfactory.com/aventura_universo/images/correcta.gif) left no-repeat; width:370px; height:24px; text-align:right; margin:10px 0 15px 0;}
span.cifra{font-size:24px; color:#04c200; font-weight:bold;}
span.puntos{font-size:14px; color:#04c200; font-weight:bold;}
.cont-pregunta .correcta span.explicacion{ font-size:14px; font-weight:bold; color:#003a6c; margin:0 0 6px 0; display:block}
.cont-pregunta .correcta p{ font-size:12px; color:#003a6c; margin:0 0 18px 0;}


.cont-pregunta .incorrecta{float:left; width:370px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/bg-respuesta.gif) top repeat-x; display:none; }
/*--con el display block/none mostramos un div u otro dependiendo si se acierta o no la pregunta--*/
.cont-pregunta .resp-incorrecta{ background:url(http://www.themadpixelfactory.com/aventura_universo/images/incorrecta.gif) left no-repeat; width:370px; height:24px; text-align:right; margin:10px 0 15px 0;}
span.cifra{font-size:24px; color:#c51807; font-weight:bold;}
span.puntos{font-size:14px; color:#c51807; font-weight:bold;}
.cont-pregunta .incorrecta span.explicacion{ font-size:14px; font-weight:bold; color:#003a6c; margin:0 0 6px 0; display:block}
.cont-pregunta .incorrecta p{ font-size:12px; color:#003a6c; margin:0 0 18px 0;}

/*--- fin juego---*/
.fin-juego{ width:440px; margin:15px auto 0 auto; text-align:left;}
.fin-juego .circulo{ width:36px; height:50px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/circulo.jpg) top left no-repeat; float:left;}
.fin-juego span.pregunta-titulo{ color:#B2B2B2; display:block; font-size:18px; margin:0 0 5px; width:100%;}
.fin-juego  p.fin{color:#000; margin:0 0 1px 0; font-weight:bold}
.fin-juego .fin-nombre-usuario{float:right; width:405px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/bg-respuesta.gif) top repeat-x; display:block; margin:8px 0 0 0;}
.fin-juego .fin-nombre-usuario span{ display:block;font-size:14px; font-weight:bold; margin:22px 0 6px 0;}
.fin-juego .fin-nombre-usuario input{ display:block; width:392px; height:20px; border:1px solid #04C200; margin:0 0 12px 0; padding:5px 5px 0 5px;}

/*--cabecera--*/
.cont-cabecera{ width:100%; height:92px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/bg-cabecera.jpg) repeat-x;}
.cabecera{ width:100%; height:92px; background:url(http://www.themadpixelfactory.com/aventura_universo/images/cabecera.jpg) left no-repeat; float:left; position:relative;}
.cabecera .datos{ position: absolute; top:68px; left:102px; width:450px; height:85px;font-weight:bold; font-size:14px;}
.cabecera .datos .pregunta{width:150px; float:left; margin-top:5px;}
.cabecera .datos .puntuacion{width:138px; float:left; margin-top:5px;}
.cabecera .datos .tiempo{width:160px; float:left; margin-top:5px;}
.cabecera .sep{ float:left;}
.datos .verde{color:#a0f800;}
.datos .blanco{color:#fff;}



/*--cabecera--*/
.pie{ width:100%; height:84px; background:#000;}
.pie img{ float:left;}




